<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS定位的层级</title>
</head>
<body>
<!--不管是什么定位,定位元素都是平级的,先出现的元素会被压在下方,后出现的元素会出现在上方-->

<!--
定位层级:
1.定位元素的显示层级比普通元素高,无论什么定位,显示层级都是一样的
2.如果位置发生了重叠,默认情况是:后面的元素,会显示在前面元素之上
3.可以通过CSS属性z-index调整元素的显示层级
4.z-index的属性值是数字,没有单位,值越大显示层级越大
5.只有定位的元素设置z-index才有效
6.如果z-index值大的元素,依旧没有覆盖掉z-index值小的元素,那么请检查其包含块的层级
-->
</body>
</html>